﻿* {
    margin: 0;
    padding: 0;
}

body {
    font-family: '微软雅黑','黑体',serif,'宋体';
    color: #4d6287;
    font-size: 12px;
    background: #191c2c;
    overflow: hidden;
}

dd, div, dt, li, span {
    font-family: '微软雅黑';
}

li {
    list-style-type: none;
}

a, a:active {
    text-decoration: none;
    font-family: '微软雅黑';
    outline: 0;
}

img {
    border: none;
}

* html, * html body {
    background-image: url(style/images/about:blank);
    background-attachment: fixed;
}

* html .btnlistpar {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop));
}

body, html {
    _height: 100%;
}

.mar-t-0 {
    margin-top: 0 !important;
}

.btn-down, .btn-up {
    position: fixed;
    top: 40px;
    left: 50%;
    width: 69px;
    height: 41px;
    background: url(style/images/com_0.png) no-repeat -250px -450px;
    margin-left: -34px;
    display: none;
    z-index: 1;
}

.btn-down {
    background: url(style/images/com_0.png) no-repeat -150px -450px;
    top: auto;
    bottom: 40px;
}

.btnlistpar {
    padding: 20px 0 !important;
    margin: 0;
    margin-top: -131px;
    top: 50%;
    right: 40px;
    position: fixed;
    _position: absolute;
    _margin-top: 200px;
    line-height: 18px;
    *width: 76px;
    clear: both;
    border-right: 1px dashed #4c4b57;
}

    .btnlistpar a {
        right: -14px;
        display: block;
        margin-top: 4px;
        padding-right: 36px;
        text-align: right;
        cursor: pointer;
        overflow: hidden;
        height: 28px;
        line-height: 30px;
        font-size: 12px;
        color: #4c4b57;
        position: relative;
        clear: both;
        *float: right !important;
        *width: 48px;
    }

        .btnlistpar .sel, .btnlistpar a:hover {
            color: #aae4ff;
            background: url(style/images/com_0.png) no-repeat 56px -450px;
        }

    .btnlistpar #bdshare {
        background: 0 0;
        text-align: right !important;
    }

        .btnlistpar #bdshare em {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: none !important;
            _width: 74px;
        }

.btnlistparPhone {
    margin-top: -215px;
    right: 50px;
}

    .btnlistparPhone a {
        height: 36px;
        line-height: 36px;
        padding-right: 50px;
        font-size: 24px;
        margin-top: 20px;
    }

        .btnlistparPhone a:not(.share):before {
            content: '';
            width: 30px;
            height: 30px;
            background: #c1c7d0;
            border-radius: 18px;
            position: absolute;
            top: 3px;
            right: 3px;
        }

        .btnlistparPhone a.sel:not(.share):before {
            width: 36px;
            height: 36px;
            top: 0;
            right: 0;
        }

        .btnlistparPhone a.sel:before {
            background-color: #2365d3;
        }

.cont {
    overflow: hidden;
    position: relative;
}

.btn {
    width: 230px;
    height: 70px;
    line-height: 68px;
    background: url(style/images/com_0.png) no-repeat -370px 0;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    z-index: 1;
    margin: 240px 0 0 -115px;
}

    .btn:hover {
        color: #fff;
        background: url(style/images/com_0.png) no-repeat -370px -70px;
    }

.cont_0 .btn {
    opacity: 0;
    margin-top: -100px;
}

.cont_2 .btn {
    opacity: 0;
    margin-top: 600px;
}

#page0 {
    background: #0d1021;
}

    #page0 .img0, #page0 .img1, #page0 .img2, #page0 .img3, #page0 .img4, #page0 .img5, #page0 .img6, #page0 .img7, #page0 .imgGroug, #page1 .img0, #page1 .img1, #page1 .img2, #page1 .img3, #page1 .img4, #page1 .img5, #page1 .img6,
    #page1 .imgGroug,
    #page2 .imgGroug,
    #page3 .img0, #page3 .img1,
    #page4 .imgDel, .btn, .makenews,
    .title0, .title1 {
        position: absolute;
        top: 50%;
        left: 50%;
    }

.makenews {
    width: 320px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    color: #575661;
    margin: 303px 0 0 -160px;
}

    .makenews span {
        color: #7f8087;
    }

.logo {
    height: 26px;
    line-height: 31px;
    position: absolute;
    top: 35px;
    left: 40px;
    padding: 0 10px 0 32px;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: url(style/images/com_0.png) no-repeat -573px -447px;
    color: #1ab1ff;
    border: 1px solid #1ab1ff;
}

    .logo:hover {
        background: url(style/images/com_0.png) no-repeat -573px -497px;
        color: #14e1ff;
        border: 1px solid #14e1ff;
    }

.keymouse {
    background: url(style/images/com_0.png) no-repeat -50px -450px;
    width: 95px;
    height: 33px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    line-height: 0;
}

    .keymouse img {
        -webkit-animation: keymouse 6s linear infinite;
        -moz-animation: keymouse 6s linear infinite;
        -o-animation: keymouse 6s linear infinite;
        animation: keymouse 6s linear infinite;
        opacity: 0;
    }

@-webkit-keyframes keymouse {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }
}

@-moz-keyframes keymouse {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }
}

@-o-keyframes keymouse {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }
}

@keyframes keymouse {
    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }
}

#page0 .img0 {
    width: 600px;
    height: 274px;
    line-height: 0;
    margin: -470px 0 0 -300px;
    background: url(style/images/com_0.png) no-repeat 0 -150px;
    z-index: 1;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
}

#page0 .imgGroug {
    z-index: 0;
    width: 1394px;
    height: 1048px;
    margin: -546px 0 0 -715px;
}

#page0 .img1, #page0 .img2 {
    line-height: 0;
    width: 100%;
    height: 100%;
    margin: 100px 0 0 -715px;
}

#page0 .img2 {
    z-index: 0;
    -webkit-animation: star 2.5s linear infinite;
    -moz-animation: star 2.5s linear infinite;
    -o-animation: star 2.5s linear infinite;
    animation: star 2.5s linear infinite;
}

#page0 .img3, #page0 .img4 {
    z-index: 1;
    width: 134px;
    height: 126px;
    background: url(style/images/com_0.png) no-repeat;
    margin: 134px 0 0 -378px;
}

#page0 .img4 {
    background: url(style/images/com_0.png) no-repeat -150px 0;
    margin: 35px 0 0 253px;
}

#page0 .img5 {
    z-index: 1;
    width: 64px;
    height: 60px;
    background: url(style/images/com_0.png) no-repeat -300px 0;
    margin: -65px 0 0 -249px;
}

#page0 .img6, #page0 .img7 {
    z-index: 1;
    width: 570px;
    height: 450px;
    background: url(style/images/com_0_star.png) no-repeat;
    margin: -158px 0 0 -290px;
    -webkit-animation: star_dian0 4s linear infinite;
    -moz-animation: star_dian0 4s linear infinite;
    -o-animation: star_dian0 4s linear infinite;
    animation: star_dian0 4s linear infinite;
}

#page0 .img7 {
    background: url(style/images/com_0_star.png) no-repeat 0 -450px;
    -webkit-animation: star_dian1 4s linear infinite;
    -moz-animation: star_dian1 4s linear infinite;
    -o-animation: star_dian1 4s linear infinite;
    animation: star_dian1 4s linear infinite;
}

#page0 .btn, #page0 .img0, #page0 .imgGroug, #page0 .makenews {
    transition: margin .2s ease,transform .2s ease;
    -webkit-transition: margin .2s ease,-webkit-transform .2s ease;
    -moz-transition: margin .2s ease,-moz-transform .2s ease;
    -o-transition: margin .2s ease,-o-transform .2s ease;
}

#page0 .btn {
    margin-top: 290px;
}

#page0 .makenews {
    margin-top: 370px;
}

#page0.resp0 .img0 {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    margin-top: -400px;
}

#page0.resp0 .imgGroug {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
}

#page0.resp0 .btn {
    margin-top: 196px;
}

#page0.resp0 .makenews {
    margin-top: 278px;
}

#page0.resp1 .img0, #page0.resp1 .imgGroug {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

#page0.resp1 .btn {
    margin-top: 245px;
}

#page0.resp1 .makenews {
    margin-top: 325px;
}

#page0.cont_0 .btn, #page0.cont_2 .btn {
    opacity: 1;
    margin-top: 290px;
}

#page0.cont_0.resp0 .btn, #page0.cont_2.resp0 .btn {
    margin-top: 196px;
}

#page0.cont_0.resp1 .btn, #page0.cont_2.resp1 .btn {
    margin-top: 245px;
}

@-webkit-keyframes star {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes star {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes star {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes star {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes star_dian0 {
    0%,24% {
        opacity: 0;
    }

    25%,75% {
        opacity: 1;
    }

    100%,76% {
        opacity: 0;
    }
}

@-moz-keyframes star_dian0 {
    0%,24% {
        opacity: 0;
    }

    25%,75% {
        opacity: 1;
    }

    100%,76% {
        opacity: 0;
    }
}

@-o-keyframes star_dian0 {
    0%,24% {
        opacity: 0;
    }

    25%,75% {
        opacity: 1;
    }

    100%,76% {
        opacity: 0;
    }
}

@keyframes star_dian0 {
    0%,24% {
        opacity: 0;
    }

    25%,75% {
        opacity: 1;
    }

    100%,76% {
        opacity: 0;
    }
}

@-webkit-keyframes star_dian1 {
    0%,39% {
        opacity: 0;
    }

    40%,90% {
        opacity: 1;
    }

    100%,91% {
        opacity: 0;
    }
}

@-moz-keyframes star_dian1 {
    0%,39% {
        opacity: 0;
    }

    40%,90% {
        opacity: 1;
    }

    100%,91% {
        opacity: 0;
    }
}

@-o-keyframes star_dian1 {
    0%,39% {
        opacity: 0;
    }

    40%,90% {
        opacity: 1;
    }

    100%,91% {
        opacity: 0;
    }
}

@keyframes star_dian1 {
    0%,39% {
        opacity: 0;
    }

    40%,90% {
        opacity: 1;
    }

    100%,91% {
        opacity: 0;
    }
}

#page1 .img0, #page1 .img1, #page1 .img2, #page1 .img3,
#page2 .imgGroug, #page3 .img0, #page3 .img1, .btn, .title0, .title1 {
    transition: margin .5s ease,opacity .5s ease;
    -webkit-transition: margin .5s ease,opacity .5s ease;
    -moz-transition: margin .5s ease,opacity .5s ease;
    -o-transition: margin .5s ease,opacity .5s ease;
}

.title0, .title1 {
    left: 0;
    width: 100%;
    text-align: center;
    color: #2ec0f6;
    font-size: 40px;
    height: 70px;
    line-height: 70px;
    margin: -300px 0 0 0;
    z-index: 1;
}

.title1 {
    color: #fff;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: -230px 0 0 0;
}

.cont_0 .title0 {
    opacity: 0;
    margin: -620px 0 0 0;
}

.cont_2 .title0 {
    opacity: 0;
    margin: -120px 0 0 0;
}

.cont_0 .title1 {
    opacity: 0;
    margin: -450px 0 0 0;
}

.cont_2 .title1 {
    opacity: 0;
    margin: 50px 0 0;
}

#page1 .img0, #page1 .img1, #page1 .img2, #page1 .imgGroug {
    z-index: 1;
}

#page1 .imgGroug {
    width: 170px;
    height: 170px;
    margin: -126px 0 0 -85px;
}

    #page1 .imgGroug ul {
        position: relative;
        width: 170px;
        height: 170px;
    }

#page1 .img0, #page1 .img1, #page1 .img2 {
    margin: -85px 0 0 -85px;
    width: 100%;
    height: 100%;
}

#page1.cont_1 .img0 {
    -webkit-transform: rotateY(240deg) translateZ(150px) scale(.925);
    -moz-transform: rotateY(240deg) translateZ(150px) scale(.925);
    -o-transform: rotateY(240deg) translateZ(150px) scale(.925);
    transform: rotateY(240deg) translateZ(150px) scale(.925);
    -webkit-animation: rotate_0 10s linear .5s infinite;
    -moz-animation: rotate_0 10s linear .5s infinite;
    -o-animation: rotate_0 10s linear .5s infinite;
    animation: rotate_0 10s linear .5s infinite;
}

#page1.cont_1 .img1 {
    -webkit-transform: rotateY(0deg) translateZ(150px);
    -moz-transform: rotateY(0deg) translateZ(150px);
    -o-transform: rotateY(0deg) translateZ(150px);
    transform: rotateY(0deg) translateZ(150px);
    -webkit-animation: rotate_1 10s linear .5s infinite;
    -moz-animation: rotate_1 10s linear .5s infinite;
    -o-animation: rotate_1 10s linear .5s infinite;
    animation: rotate_1 10s linear .5s infinite;
}

#page1.cont_1 .img2 {
    -webkit-transform: rotateY(120deg) translateZ(150px) scale(.925);
    -moz-transform: rotateY(120deg) translateZ(150px) scale(.925);
    -o-transform: rotateY(120deg) translateZ(150px) scale(.925);
    transform: rotateY(120deg) translateZ(150px) scale(.925);
    -webkit-animation: rotate_2 10s linear .5s infinite;
    -moz-animation: rotate_2 10s linear .5s infinite;
    -o-animation: rotate_2 10s linear .5s infinite;
    animation: rotate_2 10s linear .5s infinite;
}

@-webkit-keyframes rotate_0 {
    0% {
        -webkit-transform: rotateY(240deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.4% {
        z-index: 1;
    }

    12.5% {
        -webkit-transform: rotateY(285deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    37.5% {
        -webkit-transform: rotateY(375deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    62.5% {
        -webkit-transform: rotateY(465deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.6% {
        z-index: 1;
    }

    87.5% {
        -webkit-transform: rotateY(555deg) translateZ(150px) scale(.8);
    }

    100% {
        -webkit-transform: rotateY(600deg) translateZ(150px) scale(.85);
    }
}

@-moz-keyframes rotate_0 {
    0% {
        -moz-transform: rotateY(240deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.4% {
        z-index: 1;
    }

    12.5% {
        -moz-transform: rotateY(285deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    37.5% {
        -moz-transform: rotateY(375deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    62.5% {
        -moz-transform: rotateY(465deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.6% {
        z-index: 1;
    }

    87.5% {
        -moz-transform: rotateY(555deg) translateZ(150px) scale(.8);
    }

    100% {
        -moz-transform: rotateY(600deg) translateZ(150px) scale(.85);
    }
}

@-o-keyframes rotate_0 {
    0% {
        -o-transform: rotateY(240deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.4% {
        z-index: 1;
    }

    12.5% {
        -o-transform: rotateY(285deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    37.5% {
        -o-transform: rotateY(375deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    62.5% {
        -o-transform: rotateY(465deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.6% {
        z-index: 1;
    }

    87.5% {
        -o-transform: rotateY(555deg) translateZ(150px) scale(.8);
    }

    100% {
        -o-transform: rotateY(600deg) translateZ(150px) scale(.85);
    }
}

@keyframes rotate_0 {
    0% {
        transform: rotateY(240deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.4% {
        z-index: 1;
    }

    12.5% {
        transform: rotateY(285deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    37.5% {
        transform: rotateY(375deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    62.5% {
        transform: rotateY(465deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.6% {
        z-index: 1;
    }

    87.5% {
        transform: rotateY(555deg) translateZ(150px) scale(.8);
    }

    100% {
        transform: rotateY(600deg) translateZ(150px) scale(.85);
    }
}

@-webkit-keyframes rotate_1 {
    0% {
        -webkit-transform: rotateY(0deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    25% {
        -webkit-transform: rotateY(90deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    25.1% {
        -webkit-transform: rotateY(91deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    50% {
        -webkit-transform: rotateY(180deg) translateZ(150px) scale(.8);
    }

    74.9% {
        -webkit-transform: rotateY(269deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    75% {
        -webkit-transform: rotateY(270deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -webkit-transform: rotateY(360deg) translateZ(150px) scale(1);
        z-index: 2;
    }
}

@-moz-keyframes rotate_1 {
    0% {
        -moz-transform: rotateY(0deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    25% {
        -moz-transform: rotateY(90deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    25.1% {
        -moz-transform: rotateY(91deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    50% {
        -moz-transform: rotateY(180deg) translateZ(150px) scale(.8);
    }

    74.9% {
        -moz-transform: rotateY(269deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    75% {
        -moz-transform: rotateY(270deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -moz-transform: rotateY(360deg) translateZ(150px) scale(1);
        z-index: 2;
    }
}

@-o-keyframes rotate_1 {
    0% {
        -o-transform: rotateY(0deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    25% {
        -o-transform: rotateY(90deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    25.1% {
        -o-transform: rotateY(91deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    50% {
        -o-transform: rotateY(180deg) translateZ(150px) scale(.8);
    }

    74.9% {
        -o-transform: rotateY(269deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    75% {
        -o-transform: rotateY(270deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -o-transform: rotateY(360deg) translateZ(150px) scale(1);
        z-index: 2;
    }
}

@keyframes rotate_1 {
    0% {
        transform: rotateY(0deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    25% {
        transform: rotateY(90deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    25.1% {
        transform: rotateY(91deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    50% {
        transform: rotateY(180deg) translateZ(150px) scale(.8);
    }

    74.9% {
        transform: rotateY(269deg) translateZ(150px) scale(.9);
        z-index: 1;
    }

    75% {
        transform: rotateY(270deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        transform: rotateY(360deg) translateZ(150px) scale(1);
        z-index: 2;
    }
}

@-webkit-keyframes rotate_2 {
    0% {
        -webkit-transform: rotateY(120deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.5% {
        -webkit-transform: rotateY(165deg) translateZ(150px) scale(.8);
    }

    37.4% {
        z-index: 1;
    }

    37.5% {
        -webkit-transform: rotateY(255deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.5% {
        -webkit-transform: rotateY(345deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    87.5% {
        -webkit-transform: rotateY(435deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -webkit-transform: rotateY(480deg) translateZ(150px) scale(.85);
        z-index: 1;
    }
}

@-moz-keyframes rotate_2 {
    0% {
        -moz-transform: rotateY(120deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.5% {
        -moz-transform: rotateY(165deg) translateZ(150px) scale(.8);
    }

    37.4% {
        z-index: 1;
    }

    37.5% {
        -moz-transform: rotateY(255deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.5% {
        -moz-transform: rotateY(345deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    87.5% {
        -moz-transform: rotateY(435deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -moz-transform: rotateY(480deg) translateZ(150px) scale(.85);
        z-index: 1;
    }
}

@-o-keyframes rotate_2 {
    0% {
        -o-transform: rotateY(120deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.5% {
        -o-transform: rotateY(165deg) translateZ(150px) scale(.8);
    }

    37.4% {
        z-index: 1;
    }

    37.5% {
        -o-transform: rotateY(255deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.5% {
        -o-transform: rotateY(345deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    87.5% {
        -o-transform: rotateY(435deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        -o-transform: rotateY(480deg) translateZ(150px) scale(.85);
        z-index: 1;
    }
}

@keyframes rotate_2 {
    0% {
        transform: rotateY(120deg) translateZ(150px) scale(.85);
        z-index: 1;
    }

    12.5% {
        transform: rotateY(165deg) translateZ(150px) scale(.8);
    }

    37.4% {
        z-index: 1;
    }

    37.5% {
        transform: rotateY(255deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    62.5% {
        transform: rotateY(345deg) translateZ(150px) scale(1);
        z-index: 2;
    }

    87.5% {
        transform: rotateY(435deg) translateZ(150px) scale(.9);
        z-index: 2;
    }

    100% {
        transform: rotateY(480deg) translateZ(150px) scale(.85);
        z-index: 1;
    }
}

#page1.cont_0 .img0 {
    margin: -316px 0 0 -258px;
    opacity: 0;
}

#page1.cont_2 .img0 {
    margin: 284px 0 0 -258px;
    opacity: 0;
}

#page1.cont_0 .img1 {
    margin: -413px 0 0 -85px;
    opacity: 0;
}

#page1.cont_2 .img1 {
    margin: 330px 0 0 -85px;
    opacity: 0;
}

#page1.cont_0 .img2 {
    margin: -316px 0 0 91px;
    opacity: 0;
}

#page1.cont_2 .img2 {
    margin: 284px 0 0 91px;
    opacity: 0;
}

#page1 .img3 {
    margin: -410px 0 0 -351px;
    z-index: 0;
}

#page1.cont_0 .img3 {
    margin: -570px 0 0 -351px;
    opacity: 0;
}

#page1.cont_2 .img3 {
    margin: -170px 0 0 -351px;
    opacity: 0;
}

#page2 .imgGroug {
    z-index: 0;
    width: 790px;
    height: 722px;
    margin: -361px 0 0 -395px;
}

#page2 .img1 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: star 2s linear infinite;
    -moz-animation: star 2s linear infinite;
    -o-animation: star 2s linear infinite;
    animation: star 2s linear infinite;
}

#page2.cont_0 .imgGroug {
    opacity: 0;
    margin: -600px 0 0 -395px;
}

#page2.cont_2 .imgGroug {
    opacity: 0;
    margin: 100px 0 0 -395px;
}

#page3 .img0 {
    margin: -4px 0 0 -230px;
    z-index: 1;
    opacity: 0;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
}

#page3.cont_1 .img0 {
    -webkit-animation: scale_y .3s linear .5s;
    -moz-animation: scale_y .3s linear .5s;
    -o-animation: scale_y .3s linear .5s;
    animation: scale_y .3s linear .5s;
}

#page3.cont_0 .img0 {
    margin-top: -304px;
}

#page3.cont_2 .img0 {
    margin-top: 496px;
}

#page3.cont_0 .img0, #page3.cont_2 .img0 {
    opacity: 0;
    -webkit-animation: scale_y1 .3s linear;
    -moz-animation: scale_y1 .3s linear;
    -o-animation: scale_y1 .3s linear;
    animation: scale_y1 .3s linear;
}

@-webkit-keyframes scale_y {
    0% {
        -webkit-transform: scaleY(.1);
    }

    100% {
        -webkit-transform: scaleY(1);
    }
}

@-moz-keyframes scale_y {
    0% {
        -moz-transform: scaleY(.1);
    }

    100% {
        -moz-transform: scaleY(1);
    }
}

@-o-keyframes scale_y {
    0% {
        -o-transform: scaleY(.1);
    }

    100% {
        -o-transform: scaleY(1);
    }
}

@keyframes scale_y {
    0% {
        transform: scaleY(.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes scale_y1 {
    0% {
        -webkit-transform: scaleY(1);
    }

    100% {
        -webkit-transform: scaleY(.1);
    }
}

@-moz-keyframes scale_y1 {
    0% {
        -moz-transform: scaleY(1);
    }

    100% {
        -moz-transform: scaleY(.1);
    }
}

@-o-keyframes scale_y1 {
    0% {
        -o-transform: scaleY(1);
    }

    100% {
        -o-transform: scaleY(.1);
    }
}

@keyframes scale_y1 {
    0% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(.1);
    }
}

#page3 .img1 {
    margin: -270px 0 0 -443px;
    z-index: 0;
}

#page3.cont_0 .img1 {
    margin: -570px 0 0 -443px;
    opacity: 0;
}

#page3.cont_2 .img1 {
    margin: 200px 0 0 -443px;
    opacity: 0;
}

#page4 .imgDel {
    text-align: center;
    width: 150px;
    height: 250px;
    margin: -125px 0 0 -75px;
    line-height: 0;
    opacity: 0;
}

    #page4 .imgDel p {
        line-height: 20px;
        color: #34baff;
        font-size: 14px;
    }

    #page4 .imgDel ul {
        position: absolute;
        top: 5px;
        left: 50%;
        width: 134px;
        height: 186px;
        margin: 0 0 0 -67px;
        background: url(style/images/page4_5.png) repeat-x 0 -12px;
    }

    #page4 .imgDel.img0 {
        margin: -125px 0 0 -435px;
        transition: margin .3s ease;
        -webkit-transition: margin .3s ease;
        -moz-transition: margin .3s ease;
        -o-transition: margin .3s ease;
    }

    #page4 .imgDel.img1 {
        margin: -125px 0 0 -255px;
        transition: margin .5s ease;
        -webkit-transition: margin .5s ease;
        -moz-transition: margin .5s ease;
        -o-transition: margin .5s ease;
    }

    #page4 .imgDel.img2 {
        transition: margin .7s ease;
        -webkit-transition: margin .7s ease;
        -moz-transition: margin .7s ease;
        -o-transition: margin .7s ease;
    }

    #page4 .imgDel.img3 {
        margin: -125px 0 0 105px;
        transition: margin .9s ease;
        -webkit-transition: margin .9s ease;
        -moz-transition: margin .9s ease;
        -o-transition: margin .9s ease;
    }

    #page4 .imgDel.img4 {
        margin: -125px 0 0 285px;
        transition: margin 1.1s ease;
        -webkit-transition: margin 1.1s ease;
        -moz-transition: margin 1.1s ease;
        -o-transition: margin 1.1s ease;
    }

#page4.cont_0 .imgDel.img0, #page4.cont_0 .imgDel.img1, #page4.cont_0 .imgDel.img2, #page4.cont_0 .imgDel.img3, #page4.cont_0 .imgDel.img4, #page4.cont_2 .imgDel.img0, #page4.cont_2 .imgDel.img1, #page4.cont_2 .imgDel.img2, #page4.cont_2 .imgDel.img3, #page4.cont_2 .imgDel.img4 {
    margin-top: 375px;
}

#page4.cont_1 .imgDel.img0 {
    -webkit-animation: pos0 1s ease;
    -moz-animation: pos0 1s ease;
    -o-animation: pos0 1s ease;
    animation: pos0 1s ease;
}

#page4.cont_1 .imgDel.img1 {
    -webkit-animation: pos1 1s ease;
    -moz-animation: pos1 1s ease;
    -o-animation: pos1 1s ease;
    animation: pos1 1s ease;
}

#page4.cont_1 .imgDel.img2 {
    -webkit-animation: pos2 1s ease;
    -moz-animation: pos2 1s ease;
    -o-animation: pos2 1s ease;
    animation: pos2 1s ease;
}

#page4.cont_1 .imgDel.img3 {
    -webkit-animation: pos3 1s ease;
    -moz-animation: pos3 1s ease;
    -o-animation: pos3 1s ease;
    animation: pos3 1s ease;
}

#page4.cont_1 .imgDel.img4 {
    -webkit-animation: pos4 1s ease;
    -moz-animation: pos4 1s ease;
    -o-animation: pos4 1s ease;
    animation: pos4 1s ease;
}

@-webkit-keyframes pos0 {
    0% {
        margin-top: 375px;
        opacity: 0;
    }

    25% {
        margin-top: -147px;
        opacity: 1;
    }

    40% {
        margin-top: -125px;
    }
}

@-moz-keyframes pos0 {
    0% {
        margin-top: 375px;
        opacity: 0;
    }

    25% {
        margin-top: -147px;
        opacity: 1;
    }

    40% {
        margin-top: -125px;
    }
}

@-o-keyframes pos0 {
    0% {
        margin-top: 375px;
        opacity: 0;
    }

    25% {
        margin-top: -147px;
        opacity: 1;
    }

    40% {
        margin-top: -125px;
    }
}

@keyframes pos0 {
    0% {
        margin-top: 375px;
        opacity: 0;
    }

    25% {
        margin-top: -147px;
        opacity: 1;
    }

    40% {
        margin-top: -125px;
    }
}

@-webkit-keyframes pos1 {
    0% {
        margin-top: 500px;
        opacity: 0;
    }

    40% {
        margin-top: -147px;
        opacity: 1;
    }

    55% {
        margin-top: -125px;
    }
}

@-moz-keyframes pos1 {
    0% {
        margin-top: 500px;
        opacity: 0;
    }

    40% {
        margin-top: -147px;
        opacity: 1;
    }

    55% {
        margin-top: -125px;
    }
}

@-o-keyframes pos1 {
    0% {
        margin-top: 500px;
        opacity: 0;
    }

    40% {
        margin-top: -147px;
        opacity: 1;
    }

    55% {
        margin-top: -125px;
    }
}

@keyframes pos1 {
    0% {
        margin-top: 500px;
        opacity: 0;
    }

    40% {
        margin-top: -147px;
        opacity: 1;
    }

    55% {
        margin-top: -125px;
    }
}

@-webkit-keyframes pos2 {
    0% {
        margin-top: 600px;
        opacity: 0;
    }

    55% {
        margin-top: -147px;
        opacity: 1;
    }

    70% {
        margin-top: -125px;
    }
}

@-moz-keyframes pos2 {
    0% {
        margin-top: 600px;
        opacity: 0;
    }

    55% {
        margin-top: -147px;
        opacity: 1;
    }

    70% {
        margin-top: -125px;
    }
}

@-o-keyframes pos2 {
    0% {
        margin-top: 600px;
        opacity: 0;
    }

    55% {
        margin-top: -147px;
        opacity: 1;
    }

    70% {
        margin-top: -125px;
    }
}

@keyframes pos2 {
    0% {
        margin-top: 600px;
        opacity: 0;
    }

    55% {
        margin-top: -147px;
        opacity: 1;
    }

    70% {
        margin-top: -125px;
    }
}

@-webkit-keyframes pos3 {
    0% {
        margin-top: 700px;
        opacity: 0;
    }

    70% {
        margin-top: -147px;
        opacity: 1;
    }

    85% {
        margin-top: -125px;
    }
}

@-moz-keyframes pos3 {
    0% {
        margin-top: 700px;
        opacity: 0;
    }

    70% {
        margin-top: -147px;
        opacity: 1;
    }

    85% {
        margin-top: -125px;
    }
}

@-o-keyframes pos3 {
    0% {
        margin-top: 700px;
        opacity: 0;
    }

    70% {
        margin-top: -147px;
        opacity: 1;
    }

    85% {
        margin-top: -125px;
    }
}

@keyframes pos3 {
    0% {
        margin-top: 700px;
        opacity: 0;
    }

    70% {
        margin-top: -147px;
        opacity: 1;
    }

    85% {
        margin-top: -125px;
    }
}

@-webkit-keyframes pos4 {
    0% {
        margin-top: 800px;
        opacity: 0;
    }

    85% {
        margin-top: -147px;
        opacity: 1;
    }

    100% {
        margin-top: -125px;
    }
}

@-moz-keyframes pos4 {
    0% {
        margin-top: 800px;
        opacity: 0;
    }

    85% {
        margin-top: -147px;
        opacity: 1;
    }

    100% {
        margin-top: -125px;
    }
}

@-o-keyframes pos4 {
    0% {
        margin-top: 800px;
        opacity: 0;
    }

    85% {
        margin-top: -147px;
        opacity: 1;
    }

    100% {
        margin-top: -125px;
    }
}

@keyframes pos4 {
    0% {
        margin-top: 800px;
        opacity: 0;
    }

    85% {
        margin-top: -147px;
        opacity: 1;
    }

    100% {
        margin-top: -125px;
    }
}

#page4.cont_1 .imgDel.img0 ul {
    -webkit-animation: scan0 10s linear infinite;
    -moz-animation: scan0 10s linear infinite;
    -o-animation: scan0 10s linear infinite;
    animation: scan0 10s linear infinite;
}

#page4.cont_1 .imgDel.img1 ul {
    -webkit-animation: scan1 10s linear infinite;
    -moz-animation: scan1 10s linear infinite;
    -o-animation: scan1 10s linear infinite;
    animation: scan1 10s linear infinite;
}

#page4.cont_1 .imgDel.img2 ul {
    -webkit-animation: scan2 10s linear infinite;
    -moz-animation: scan2 10s linear infinite;
    -o-animation: scan2 10s linear infinite;
    animation: scan2 10s linear infinite;
}

#page4.cont_1 .imgDel.img3 ul {
    -webkit-animation: scan3 10s linear infinite;
    -moz-animation: scan3 10s linear infinite;
    -o-animation: scan3 10s linear infinite;
    animation: scan3 10s linear infinite;
}

#page4.cont_1 .imgDel.img4 ul {
    -webkit-animation: scan4 10s linear infinite;
    -moz-animation: scan4 10s linear infinite;
    -o-animation: scan4 10s linear infinite;
    animation: scan4 10s linear infinite;
}

@-webkit-keyframes scan0 {
    0% {
        background-position: 0 -12px;
    }

    100%,20% {
        background-position: 0 186px;
    }
}

@-moz-keyframes scan0 {
    0% {
        background-position: 0 -12px;
    }

    100%,20% {
        background-position: 0 186px;
    }
}

@-o-keyframes scan0 {
    0% {
        background-position: 0 -12px;
    }

    100%,20% {
        background-position: 0 186px;
    }
}

@keyframes scan0 {
    0% {
        background-position: 0 -12px;
    }

    100%,20% {
        background-position: 0 186px;
    }
}

@-webkit-keyframes scan1 {
    0%,20% {
        background-position: 0 -12px;
    }

    100%,40% {
        background-position: 0 186px;
    }
}

@-moz-keyframes scan1 {
    0%,20% {
        background-position: 0 -12px;
    }

    100%,40% {
        background-position: 0 186px;
    }
}

@-o-keyframes scan1 {
    0%,20% {
        background-position: 0 -12px;
    }

    100%,40% {
        background-position: 0 186px;
    }
}

@keyframes scan1 {
    0%,20% {
        background-position: 0 -12px;
    }

    100%,40% {
        background-position: 0 186px;
    }
}

@-webkit-keyframes scan2 {
    0%,40% {
        background-position: 0 -12px;
    }

    100%,60% {
        background-position: 0 186px;
    }
}

@-moz-keyframes scan2 {
    0%,40% {
        background-position: 0 -12px;
    }

    100%,60% {
        background-position: 0 186px;
    }
}

@-o-keyframes scan2 {
    0%,40% {
        background-position: 0 -12px;
    }

    100%,60% {
        background-position: 0 186px;
    }
}

@keyframes scan2 {
    0%,40% {
        background-position: 0 -12px;
    }

    100%,60% {
        background-position: 0 186px;
    }
}

@-webkit-keyframes scan3 {
    0%,60% {
        background-position: 0 -12px;
    }

    100%,80% {
        background-position: 0 186px;
    }
}

@-moz-keyframes scan3 {
    0%,60% {
        background-position: 0 -12px;
    }

    100%,80% {
        background-position: 0 186px;
    }
}

@-o-keyframes scan3 {
    0%,60% {
        background-position: 0 -12px;
    }

    100%,80% {
        background-position: 0 186px;
    }
}

@keyframes scan3 {
    0%,60% {
        background-position: 0 -12px;
    }

    100%,80% {
        background-position: 0 186px;
    }
}

@-webkit-keyframes scan4 {
    0%,80% {
        background-position: 0 -12px;
    }

    100% {
        background-position: 0 186px;
    }
}

@-moz-keyframes scan4 {
    0%,80% {
        background-position: 0 -12px;
    }

    100% {
        background-position: 0 186px;
    }
}

@-o-keyframes scan4 {
    0%,80% {
        background-position: 0 -12px;
    }

    100% {
        background-position: 0 186px;
    }
}

@keyframes scan4 {
    0%,80% {
        background-position: 0 -12px;
    }

    100% {
        background-position: 0 186px;
    }
}
